.wrapper {
  display: flex;
  height: 100%;
  flex-direction: column;

  .header {
    position: relative;
    z-index: 1;
    border-bottom: 1px solid transparent;
    transition:
      border-bottom 200ms cubic-bezier(0.65, 0, 0.35, 1)
      box-shadow 200ms cubic-bezier(0.65, 0, 0.35, 1);

    .hasScrolledList & {
      border-bottom: 1px solid var(--color__black--200);
      box-shadow: var(--shadow__box-shadow--normal);
    }
  }

  .list {
    overflow: auto;
    flex: 1;
  }
}
